page{
    background: #f7f7f7;
}
.card-list{
    .card-tit{
        height: 80rpx;
        width: 100%;
        padding: 0 30rpx;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        font-size: 28rpx;
        color: #666;
        background: #fff;
        border-bottom: 1px solid rgb(226, 226, 226);
        display: flex;
        justify-content: space-between;
        .add{
            width: 160rpx;
            height: 50rpx;
            border-radius: 30rpx;
            background:linear-gradient(90deg,rgba(226,195,146,1) 0%,rgba(220,177,124,1) 100%);
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 26rpx;
            color: #fff;
        }
    }
    .cards{
        border-radius: 20rpx;
        margin: 20rpx 50rpx;
        box-shadow: 0 0 10rpx #bebebe;
        image{
            border-radius: 20rpx;
            width: 100%;
            height: 400rpx;
            display: block;
        }
        .card-num{
            display: flex;
            align-items: center;
            height: 70rpx;
            width: 100%;
            padding: 0 30rpx;
            box-sizing: border-box;
            font-size: 24rpx;
            color: #999;
            border-top: 2rpx dashed rgb(212, 212, 212);
            border-bottom: 2rpx dashed rgb(212, 212, 212);
            background: #fff;
        }
        .card-two{
            display: flex;
            align-items: center;
            height: 70rpx;
            width: 100%;
            padding: 0 30rpx;
            box-sizing: border-box;
            display: flex;
            justify-content: space-between;
            font-size: 24rpx;
            color: #999;
            background: #fff;
            border-bottom-left-radius: 20rpx;
            border-bottom-right-radius: 20rpx;
        }
    }
}